<template>
  <div class="box">
    <van-nav-bar
      class="navdao"
      style="background-color: #3087ea; color: white"
      title="设置新密码"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="yxzh">
      <van-cell-group inset>
        <van-field v-model="sms" center clearable placeholder="请输入新的密码">
        </van-field>
        <van-field v-model="value" placeholder="请再次确认密码" />
      </van-cell-group>
    </div>
    <van-button class="xybb" type="primary" native-type="submit" @click="goXegister">
      完成
    </van-button>
  </div>
</template>

<script>
export default {
  setup() {
    const onClickLeft = () => history.back()
    return {
      onClickLeft
    }
  },
  methods: {
    goXegister() {
      this.$router.push('/login')
    }
  }
}
</script>

<style>
.box {
  background-color: #3087ea;
}
.van-nav-bar__title {
  color: #ffffff;
  border: none;
}

/* 修改左侧箭头颜色（如果存在的话，注意类名可能不同） */
.van-nav-bar .van-icon {
  color: white;
}
.yxzh {
  width: 80%;
  margin-left: 10%;
  margin-top: 45%;
}
.xybb {
  width: 72%;
  height: 35px;
  background-color: white;
  color: #3087ea;
  margin-left: 14%;
  margin-top: 70%;
}
</style>
